<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!--
        border:表格边框线
        width:表格宽度
        hright:表格高度
        align:水平对齐的位置，left，right，center三个属性
        bgcolor:设置背景颜色
        cellspacing:设置单元格与单元格之间的间距
        cellpadding:设置单元格与内容之间的间距，默认0px，可以根据需要进行设置
    -->
    <table border="1" width="50%" height="400px" align="center" bgcolor="pink" cellspacing="0" cellpadding="0px">
        <!--创建表格-->
        <tr bgcolor="red" align="center" valign="bottom">
            <!--tr表示行-->
            <!-- td 如果一个单元格设置宽度，影响的是一整列的宽度 -->
            <!-- td 如果一个单元格设置高度，影响的是一整列的高度 -->
            <td>1</td>
            <!--td表示单元格-->
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>4</td>
            <td>4</td>
            <td>6</td>
        </tr>
    </table>
</body>

</html>
<!--
    第一种写法： table>(tr>td*3)*2 
    第二种写法： table>tr*2>td*3
    两种方式效果一样
    -->